<template>
  <div>
    <h6 style="text-align: center;color: white;">后台管理系统</h6>
    <el-tabs v-model="activeTab" type="border-card">
      <el-tab-pane label="用户管理" name="user">
        <user-list></user-list>
      </el-tab-pane>
      <el-tab-pane label="帖子审核" name="post">
        <post-list></post-list>
      </el-tab-pane>
      <el-tab-pane label="标签管理" name="tag">
        <tag-list></tag-list>
      </el-tab-pane>
      <el-tab-pane label="推广管理" name="promotion">
        <promotion-list></promotion-list>
      </el-tab-pane>
      <el-tab-pane label="每日一句管理" name="tip">
        <tip-list></tip-list>
      </el-tab-pane>
      <el-tab-pane label="公告管理" name="billboard">
        <billboard-list></billboard-list>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import UserList from './UserList.vue'
import PostList from './PostList.vue'
import TagList from './TagList.vue'
import PromotionList from './PromotionList.vue'
import TipList from './TipList.vue'
import BillboardList from './BillboardList.vue'

export default {
  name: 'Admin',
  components: {
    UserList,
    PostList,
    TagList,
    PromotionList,
    TipList,
    BillboardList,
  },
  data() {
    return {
      activeTab: 'user'
    }
  }
}
</script>
